
<style>
	.ui-select-bootstrap>.ui-select-choices, .ui-select-bootstrap>.ui-select-no-choice {
    width: 55% !important;
    left: 18% !important;
}
.ui-select-bootstrap .ui-select-toggle{
	width: 55% !important;
}
.ui-select-bootstrap .ui-select-match-text span{
	display: -webkit-inline-box;
	 line-height: 30px
}
.ui-select-bootstrap .ui-select-choices-row.active>span{
	width: 100%;
}
.ui-select-bootstrap .ui-select-choices-row>span:focus, .ui-select-bootstrap .ui-select-choices-row>span:hover{
	width: 100%;
}
</style>

<ui-select ng-model="selected.value">
									
								    <ui-select-match>
								    	<!--<span ng-if="Ctrl.value!=null&&$select.selected.diId==null" 
								    		ng-init="$select.selected.diName=Ctrl.itemArray[0].diName"></span>-->
								        <span  ng-bind="$select.selected.diName" ></span>
								    </ui-select-match>
								    <ui-select-choices repeat="item in (itemArray | filter:  $select.search) track by item.diId">
								        <span ng-bind="item.diName"></span>
								    </ui-select-choices>
</ui-select>